<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>分组选择器</title>
    <style type="text/css">
        pre,span,div {
            font-family: 微软雅黑;
            background-color: antiquewhite;
            color: darkorange;
            font-size: 16px;
        }
    </style>
<link rel="stylesheet" type="text/css" href="../CSS/CSS.css"></head>
<body>
<br/>
<fieldset><legend><h4>作用与示例</h4></legend>
    <p>作用：分组选择器是指不同的标签，使用“,”的方式隔开，又放在一个分组编写一样的属性值来实现一样的样式效果的方法</p>
    <p>代码示例：<pre>    &lt;style type="text/css"&gt;
        pre,span,div {
            font-family: 微软雅黑;
            background-color: antiquewhite;
            color: darkorange;
            font-size: 16px;
        }
    &lt;/style&gt;</pre></p>
    <p>代码效果：<span>我是span标签</span>
    <div>我是div标签</div>
    <pre>我是pre标签</pre></p>

</fieldset>
<link rel="stylesheet" type="text/css" href="../CSS/CSS.css"></head>


</body>
</html>